1
|
|
|
const gulp = require('gulp'); |
2
|
|
|
const rtlcss = require('gulp-rtlcss'); |
3
|
|
|
const sass = require('gulp-sass'); |
4
|
|
|
const sourcemaps = require('gulp-sourcemaps'); |
5
|
|
|
const jshint = require('gulp-jshint'); |
6
|
|
|
const concat = require('gulp-concat'); |
7
|
|
|
const uglify = require('gulp-uglify'); |
8
|
|
|
const sort = require('gulp-sort'); |
|
|
|
|
9
|
|
|
const gettext = require('gulp-gettext'); |
|
|
|
|
10
|
|
|
const plumber = require('gulp-plumber'); |
11
|
|
|
const autoprefixer = require('gulp-autoprefixer'); |
12
|
|
|
const gutil = require('gulp-util'); |
13
|
|
|
const rename = require('gulp-rename'); |
14
|
|
|
const minify = require('gulp-minify-css'); |
|
|
|
|
15
|
|
|
const map = require('map-stream'); |
16
|
|
|
const browserlist = ['last 2 version', '> 1%']; |
17
|
|
|
|
18
|
|
|
const errorreporter = map(function(file, cb) { |
|
|
|
|
19
|
|
|
if (file.jshint.success) { |
20
|
|
|
return cb(null, file); |
21
|
|
|
} |
22
|
|
|
|
23
|
|
|
console.log('JSHINT fail in', file.path); |
|
|
|
|
24
|
|
|
|
25
|
|
|
file.jshint.results.forEach(function (result) { |
26
|
|
|
if (!result.error) { |
27
|
|
|
return; |
28
|
|
|
} |
29
|
|
|
|
30
|
|
|
const err = result.error |
31
|
|
|
console.log(` line ${err.line}, col ${err.character}, code ${err.code}, ${err.reason}`); |
|
|
|
|
32
|
|
|
}); |
33
|
|
|
|
34
|
|
|
cb(null, file); |
|
|
|
|
35
|
|
|
}); |
36
|
|
|
|
37
|
|
|
gulp.task('default', function() { |
38
|
|
|
console.log('Use the following commands'); |
|
|
|
|
39
|
|
|
console.log('--------------------------'); |
40
|
|
|
console.log('gulp compile-css to compile the scss to css'); |
41
|
|
|
console.log('gulp compile-js to compile the js to min.js'); |
42
|
|
|
console.log('gulp watch to continue watching the files for changes'); |
43
|
|
|
console.log('gulp wordpress-lang to compile the lsx.pot, en_EN.po and en_EN.mo'); |
44
|
|
|
}); |
45
|
|
|
|
46
|
|
|
gulp.task('styles', function () { |
47
|
|
|
return gulp.src('assets/css/scss/*.scss') |
48
|
|
|
.pipe(plumber({ |
49
|
|
|
errorHandler: function(err) { |
50
|
|
|
console.log(err); |
|
|
|
|
51
|
|
|
this.emit('end'); |
52
|
|
|
} |
53
|
|
|
})) |
54
|
|
|
.pipe(sourcemaps.init()) |
55
|
|
|
.pipe(sass({ |
56
|
|
|
outputStyle: 'compact', |
57
|
|
|
includePaths: ['assets/css/scss'] |
58
|
|
|
}).on('error', gutil.log)) |
59
|
|
|
.pipe(autoprefixer({ |
60
|
|
|
browsers: browserlist, |
61
|
|
|
casacade: true |
62
|
|
|
})) |
63
|
|
|
.pipe(sourcemaps.write('maps')) |
64
|
|
|
.pipe(gulp.dest('assets/css')) |
65
|
|
|
}); |
66
|
|
|
|
67
|
|
|
gulp.task('styles-rtl', function () { |
68
|
|
|
return gulp.src('assets/css/scss/*.scss') |
69
|
|
|
.pipe(plumber({ |
70
|
|
|
errorHandler: function(err) { |
71
|
|
|
console.log(err); |
|
|
|
|
72
|
|
|
this.emit('end'); |
73
|
|
|
} |
74
|
|
|
})) |
75
|
|
|
.pipe(sass({ |
76
|
|
|
outputStyle: 'compact', |
77
|
|
|
includePaths: ['assets/css/scss'] |
78
|
|
|
}).on('error', gutil.log)) |
79
|
|
|
.pipe(autoprefixer({ |
80
|
|
|
browsers: browserlist, |
81
|
|
|
casacade: true |
82
|
|
|
})) |
83
|
|
|
.pipe(rtlcss()) |
84
|
|
|
.pipe(rename({ |
85
|
|
|
suffix: '-rtl' |
86
|
|
|
})) |
87
|
|
|
.pipe(gulp.dest('assets/css')) |
88
|
|
|
}); |
89
|
|
|
|
90
|
|
|
gulp.task('vendor-styles', function () { |
91
|
|
|
return gulp.src('assets/css/vendor/*.scss') |
92
|
|
|
.pipe(plumber({ |
93
|
|
|
errorHandler: function(err) { |
94
|
|
|
console.log(err); |
|
|
|
|
95
|
|
|
this.emit('end'); |
96
|
|
|
} |
97
|
|
|
})) |
98
|
|
|
.pipe(sass({ |
99
|
|
|
outputStyle: 'compact', |
100
|
|
|
includePaths: ['assets/css/vendor'] |
101
|
|
|
}).on('error', gutil.log)) |
102
|
|
|
.pipe(autoprefixer({ |
103
|
|
|
browsers: browserlist, |
104
|
|
|
casacade: true |
105
|
|
|
})) |
106
|
|
|
.pipe(gulp.dest('assets/css/vendor')) |
107
|
|
|
}); |
108
|
|
|
|
109
|
|
|
gulp.task('vendor-styles-rtl', function () { |
110
|
|
|
return gulp.src('assets/css/vendor/*.scss') |
111
|
|
|
.pipe(plumber({ |
112
|
|
|
errorHandler: function(err) { |
113
|
|
|
console.log(err); |
|
|
|
|
114
|
|
|
this.emit('end'); |
115
|
|
|
} |
116
|
|
|
})) |
117
|
|
|
.pipe(sass({ |
118
|
|
|
outputStyle: 'compact', |
119
|
|
|
includePaths: ['assets/css/vendor'] |
120
|
|
|
}).on('error', gutil.log)) |
121
|
|
|
.pipe(autoprefixer({ |
122
|
|
|
browsers: browserlist, |
123
|
|
|
casacade: true |
124
|
|
|
})) |
125
|
|
|
.pipe(rtlcss()) |
126
|
|
|
.pipe(rename({ |
127
|
|
|
suffix: '-rtl' |
128
|
|
|
})) |
129
|
|
|
.pipe(gulp.dest('assets/css/vendor')) |
130
|
|
|
}); |
131
|
|
|
|
132
|
|
|
gulp.task('admin-styles', function () { |
133
|
|
|
return gulp.src('assets/css/admin/*.scss') |
134
|
|
|
.pipe(plumber({ |
135
|
|
|
errorHandler: function(err) { |
136
|
|
|
console.log(err); |
|
|
|
|
137
|
|
|
this.emit('end'); |
138
|
|
|
} |
139
|
|
|
})) |
140
|
|
|
.pipe(sourcemaps.init()) |
141
|
|
|
.pipe(sass({ |
142
|
|
|
outputStyle: 'compact', |
143
|
|
|
includePaths: ['assets/css/admin'] |
144
|
|
|
}).on('error', gutil.log)) |
145
|
|
|
.pipe(autoprefixer({ |
146
|
|
|
browsers: browserlist, |
147
|
|
|
casacade: true |
148
|
|
|
})) |
149
|
|
|
.pipe(sourcemaps.write('maps')) |
150
|
|
|
.pipe(gulp.dest('assets/css/admin')) |
151
|
|
|
}); |
152
|
|
|
|
153
|
|
|
gulp.task('admin-styles-rtl', function () { |
154
|
|
|
return gulp.src('assets/css/admin/*.scss') |
155
|
|
|
.pipe(plumber({ |
156
|
|
|
errorHandler: function(err) { |
157
|
|
|
console.log(err); |
|
|
|
|
158
|
|
|
this.emit('end'); |
159
|
|
|
} |
160
|
|
|
})) |
161
|
|
|
.pipe(sass({ |
162
|
|
|
outputStyle: 'compact', |
163
|
|
|
includePaths: ['assets/css/admin'] |
164
|
|
|
}).on('error', gutil.log)) |
165
|
|
|
.pipe(autoprefixer({ |
166
|
|
|
browsers: browserlist, |
167
|
|
|
casacade: true |
168
|
|
|
})) |
169
|
|
|
.pipe(rtlcss()) |
170
|
|
|
.pipe(rename({ |
171
|
|
|
suffix: '-rtl' |
172
|
|
|
})) |
173
|
|
|
.pipe(gulp.dest('assets/css/admin')) |
174
|
|
|
}); |
175
|
|
|
|
176
|
|
|
gulp.task('compile-css', ['styles', 'styles-rtl', 'vendor-styles', 'vendor-styles-rtl', 'admin-styles', 'admin-styles-rtl']); |
177
|
|
|
|
178
|
|
|
gulp.task('js', function() { |
179
|
|
|
return gulp.src('assets/js/src/**/*.js') |
180
|
|
|
.pipe(plumber({ |
181
|
|
|
errorHandler: function(err) { |
182
|
|
|
console.log(err); |
|
|
|
|
183
|
|
|
this.emit('end'); |
184
|
|
|
} |
185
|
|
|
})) |
186
|
|
|
.pipe(jshint()) |
187
|
|
|
//.pipe(errorreporter) |
188
|
|
|
.pipe(concat('lsx.min.js')) |
189
|
|
|
.pipe(uglify()) |
190
|
|
|
.pipe(gulp.dest('assets/js')) |
191
|
|
|
}); |
192
|
|
|
|
193
|
|
|
gulp.task('vendor-bootstrap-js', function() { |
194
|
|
|
return gulp.src('assets/js/vendor/bootstrap.js') |
195
|
|
|
.pipe(plumber({ |
196
|
|
|
errorHandler: function(err) { |
197
|
|
|
console.log(err); |
|
|
|
|
198
|
|
|
this.emit('end'); |
199
|
|
|
} |
200
|
|
|
})) |
201
|
|
|
.pipe(jshint()) |
202
|
|
|
//.pipe(errorreporter) |
203
|
|
|
.pipe(concat('bootstrap.min.js')) |
204
|
|
|
.pipe(uglify()) |
205
|
|
|
.pipe(gulp.dest('assets/js/vendor')) |
206
|
|
|
}); |
207
|
|
|
|
208
|
|
|
gulp.task('compile-js', ['js', 'vendor-bootstrap-js']); |
209
|
|
|
|
210
|
|
|
gulp.task('watch-css', function () { |
211
|
|
|
return gulp.watch('assets/css/**/*.scss', ['compile-css']); |
212
|
|
|
}); |
213
|
|
|
|
214
|
|
|
gulp.task('watch-js', function () { |
215
|
|
|
return gulp.watch('assets/js/src/**/*.js', ['compile-js']); |
216
|
|
|
}); |
217
|
|
|
|
218
|
|
|
gulp.task('watch', ['watch-css', 'watch-js']); |
219
|
|
|
|